h1 {

	border: 0;

	font-size: 150%;

	font-weight: normal;

	line-height: 100%;

	margin: 0;

	padding: 0;

	

    font-family: 'TradeGothicBoldCondTwenty';

    src: url('trade_gothic_bold_condensed_no._20-webfont.eot');

    src: url('trade_gothic_bold_condensed_no._20-webfont.eot?iefix') format('eot'),

         url('trade_gothic_bold_condensed_no._20-webfont.woff') format('woff'),

         url('trade_gothic_bold_condensed_no._20-webfont.ttf') format('truetype'),

         url('trade_gothic_bold_condensed_no._20-webfont.svg#webfontqQpFaBed') format('svg');

    font-weight: normal;

    font-style: normal;

	letter-spacing: 0.1em;

	color: #FFF;

}



h1 a,

h1 a:link {

	color: #FE6156;

	text-decoration: none;

}



h1 a:visited,

h1 a:active,

h1 a:focus {

	color: #FE6156;

}



h1 a:hover {

	color: #FE6156;

	text-decoration: none;

}



h1 a.white,

h1 a.white:link {

	color: #FE6156;

	text-decoration: none;

}



h1 a.white:visited,

h1 a.white:active,

h1 a.white:focus {

	color: #FFF;

}



h1 a.white:hover {

	color: #FE6156;

	text-decoration: none;

}



h2 {

	border: 0;

	font-size: 100%;

	font-weight: normal;

	line-height: 100%;

	margin: 0;

	padding: 10px 0;



    font-family: 'TradeGothicBoldCondTwenty';

    src: url('trade_gothic_bold_condensed_no._20-webfont.eot');

    src: url('trade_gothic_bold_condensed_no._20-webfont.eot?iefix') format('eot'),

         url('trade_gothic_bold_condensed_no._20-webfont.woff') format('woff'),

         url('trade_gothic_bold_condensed_no._20-webfont.ttf') format('truetype'),

         url('trade_gothic_bold_condensed_no._20-webfont.svg#webfontqQpFaBed') format('svg');

    font-weight: normal;

    font-style: normal;

	letter-spacing: 0.25em;

	color: #FFF;

}



h2 a,

h2 a:link{

	color: #FFF;

	text-decoration: none;

}



h2 a:visited,

h2 a:active,

h2 a:focus {

	color: #FFF;

}



h2 a:hover {

	color: #FE6156;

	text-decoration: none;

}



h3 {

	border: 0;

	font-size: 80%;

	font-weight: normal;

	line-height: 100%;

	margin: 0;

	padding: 0;



    font-family: 'TradeGothicBoldCondTwenty';

    src: url('trade_gothic_bold_condensed_no._20-webfont.eot');

    src: url('trade_gothic_bold_condensed_no._20-webfont.eot?iefix') format('eot'),

         url('trade_gothic_bold_condensed_no._20-webfont.woff') format('woff'),

         url('trade_gothic_bold_condensed_no._20-webfont.ttf') format('truetype'),

         url('trade_gothic_bold_condensed_no._20-webfont.svg#webfontqQpFaBed') format('svg');

    font-weight: normal;

    font-style: normal;

	letter-spacing: 0.25em;

	color: #FFF;

}



h3 a,

h3 a:link{

	color: #FE6156;

	text-decoration: none;

}



h3 a:visited,

h3 a:active,

h3 a:focus {

	color: #FE6156;

}



h3 a:hover {

	color: #111;

	text-decoration: none;

}



h4 {

	border: 0;

	font-size: 70%;

	font-weight: normal;

	line-height: 100%;

	margin: 0;

	padding: 0;



    font-family: 'TradeGothicBoldCondTwenty';

    src: url('trade_gothic_bold_condensed_no._20-webfont.eot');

    src: url('trade_gothic_bold_condensed_no._20-webfont.eot?iefix') format('eot'),

         url('trade_gothic_bold_condensed_no._20-webfont.woff') format('woff'),

         url('trade_gothic_bold_condensed_no._20-webfont.ttf') format('truetype'),

         url('trade_gothic_bold_condensed_no._20-webfont.svg#webfontqQpFaBed') format('svg');

    font-weight: normal;

    font-style: normal;

	letter-spacing: 0.25em;

	color: #FFF;

}



h4 a,

h4 a:link{

	color: #FE6156;

	text-decoration: none;

}



h4 a:visited,

h4 a:active,

h4 a:focus {

	color: #FE6156;

}



h4 a:hover {

	color: #111;

	text-decoration: none;

}



.right{

float: right;

margin: 3px 3px 6px 8px;

padding: 5px;

background: #222;

border: 1px solid #333;

}



.left{

float: left;

margin: 0px 3px 14px 0;

padding: 5px;

background: #222;

border: 1px solid #333;

}



p {

	color:#666;

	font-size: 12px;

	line-height: 20px;

	font-family: Arial, Helvetica, sans-serif;

	padding: 0 0 10px;

	margin: 0 0 20px 0;

}

.menu2 {

	width:100%;

	background-color:#333;

}

.panel {

position:fixed;

top: 50px;

right: 0;

width: 680px;

height: auto;

padding: 30px 30px 30px 60px;

display: none;

text-align:left;

background: #000;

z-index:3;

filter: alpha(opacity=94);

opacity: .94;

border:1px solid #111;

-moz-border-radius-topleft: 20px;

-webkit-border-top-left-radius: 20px;

-moz-border-radius-bottomleft: 20px;

-webkit-border-bottom-left-radius: 20px;

}



.panel p{

margin: 0 0 15px 0;

padding: 0;

color: #ccc;

}



.panel a, .panel a:visited{

margin: 0;

padding: 0;

color: #9FC54E;

font-size: 12px;

line-height: 20px;

font-family: Arial, Helvetica, sans-serif;

text-decoration: none;

}



.panel a:hover, .panel a:visited:hover{

margin: 0;

padding: 0;

color: #fff;

text-decoration: none;

}



a.trigger{

position: fixed;

text-decoration: none;

top: 40px; right: 0;

z-index:4;

font-size: 12px;

letter-spacing:-1px;

font-family: verdana, helvetica, arial, sans-serif;

color:#9FC54E;

padding: 20px 40px 20px 15px;

font-weight: 700;

background:#333 url(../assets/plus.png) 85% 55% no-repeat;

border:1px solid #444;

display: block;

}



a.trigger:hover{

position: fixed;

text-decoration: none;

top: 40px; right: 0;

font-size: 12px;

letter-spacing:-1px;

font-family: verdana, helvetica, arial, sans-serif;

color:#fff;

padding: 20px 40px 20px 20px;

font-weight: 700;

background:#666 url(../assets/plus.png) 85% 55% no-repeat;

border:1px solid #444;

display: block;

}



a.active.trigger {

background:#333 url(../assets/minus%20light.png) 85% 55% no-repeat;

}

.columns1{

clear: both;

width: 680px;

padding: 0 0 20px 0;

line-height: 22px;

}



.colleft1{

float: left;

width: 300px;

line-height: 22px;

padding: 0 20px 0 0;

}



.colright1{

float: right;

width: 310px;

line-height: 22px;

padding: 0 20px;

}

.columns2{

clear: both;

width: 330px;

padding: 0 0 20px 0;

line-height: 22px;

}



.colleft2{

float: left;

width: 130px;

line-height: 22px;

}



.colright2{

float: right;

width: 130px;

line-height: 22px;

}



ul{

padding: 0;

margin: 0;

list-style-type: none;

}



ul li{

padding: 0;

margin: 0;

list-style-type: none;

}



hr{

background-color: #333;

height: 1px;

}



.orange {

	color: #FE6156;

}

/* Slideshow */

#slides {

	position:absolute;

	top:0;

	left:0;

	z-index:100;

	padding: 5px;

	background: #222;

	border: 1px solid #333;

}

.slides_container {

	width:300px;

	overflow:hidden;

	position:relative;

	display:none;

	

}

.slides_container div.slide {

	width:300px;

	height:200px;

	display:block;

}

#wrap {

	width:300px;

	height:200px;

	position:relative;

}

#slides .next,#slides .prev {

	position:absolute;

	top:212px;

	left:246px;

	width:20px;

	height:20px;

	display:block;

	border: 1px solid #999;

	z-index:101;

}

#slides .next { top:212px; left:279px; border:1px solid #999; }

/* Caption */

.caption {

	z-index:500;

	position:absolute;

	bottom:-35px;

	left:0;

	height:30px;

	padding:5px 20px 0 20px;

	background:#000;

	background:rgba(0,0,0,.7);

	width:260px;

	font-size:1.3em;

	line-height:1.33;

	color:#fff;

	border-top:1px solid #666;

	text-shadow:none;

}

/* Scollpa */

.jspContainer { overflow:hidden; position:relative; }

.jspPane { position:absolute; }

.jspVerticalBar { position:absolute; top:0; right:0; width:14px; height:100%; background:transparent; }

.jspHorizontalBar { position:absolute; bottom:0; left:0; width:100%; height:14px; background:transparent; }

.jspVerticalBar *, .jspHorizontalBar * { margin:0; padding:0; }

.jspCap { display:none; }

.jspHorizontalBar .jspCap { float:left; }

.jspTrack { background:transparent; position:relative; }

.jspDrag { background:#FFD62F; position:relative; top:0; left:0; cursor:pointer; -moz-border-radius:10px; 

-webkit-border-radius:10px; border-radius:10px; }

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100%; }

.jspArrow { background:#50506d; text-indent:-20000px; display:block; cursor:pointer; }

.jspArrow.jspDisabled { cursor:default; background:#80808d; }

.jspVerticalBar .jspArrow { height:16px; }

.jspHorizontalBar .jspArrow { width:16px; float:left; height:100%; }

.jspVerticalBar .jspArrow:focus { outline:none; }

.jspCorner{ background:#eeeef4; float:left; height:100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner { margin:0 -3px 0 0; }

/* jp-container */

.jp-container { width:310px; height:230px; padding:0 30px 0 0; position:relative; background:black; float:left; }

.jp-container a{ display:block; text-align:right; border-bottom: grey thin dashed; }

.jp-container a img{ float:right; margin:3px 3px 6px 8px; padding:5px; background:#222; border:1px solid #333; 
}
@media only screen and (min-width:240px) and (max-width:480px) {
	#header {
		width:100%;
		min-width:320px;
	}
	
	#wrapper {
		width:90%;
		min-width:320px;
		margin:0 auto;
	}
	
	#left-content, #right-content {
		width:100%;
		float:none;
		margin:5% 0;
	}
	
	#footer {
		width:100%;
		min-width:320px;
	}